/* Opervyn: listen, see, understand, act. Clear company positioning and motion stories. */
.identity-trail{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:23px 0 27px;font-size:10px;color:#647eaa;letter-spacing:.025em}.identity-trail>span{display:flex;align-items:center;gap:6px}.identity-trail i{width:4px;height:4px;border-radius:50%;background:#8fa7ed;animation:identityPulse 4.8s ease-in-out infinite;animation-delay:calc(var(--step)*1.2s)}.hero-copy .identity-trail{font-size:11px;margin-top:24px}.identity-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.identity-particles i{position:absolute;width:2px;height:18px;border-radius:3px;left:calc(14% + var(--p)*18%);top:110%;background:linear-gradient(transparent,#a4bbee);opacity:0;animation:identityPacket 12s linear infinite;animation-delay:calc(var(--p)*-2.4s + var(--offset)*-1s)}.banner-scene>.identity-particles{z-index:-1}.product-scene{position:relative}.command-story{padding-top:75px;padding-bottom:85px}.story-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:end;margin-bottom:35px}.story-heading h2{font-size:clamp(2.1rem,3.4vw,3.4rem);max-width:590px;margin-bottom:0}.story-heading p{font-size:16px;max-width:470px;margin-bottom:3px;line-height:1.75}.story-heading .eyebrow{display:block;margin-bottom:18px}.story-cinema{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(235px,1fr);gap:34px;align-items:center}.story-film{margin:0;border-radius:17px;overflow:hidden;background:#0b142d;border:1px solid #182643;box-shadow:0 22px 60px #132e6710}.story-film video{display:block;width:100%;aspect-ratio:16/9;background:#0b142d;object-fit:contain}.story-film figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 19px;color:#8ea5cd;font-size:8px;letter-spacing:.08em;line-height:1.5}.film-chapters{display:flex;flex-direction:column;gap:10px}.film-chapter{display:flex;align-items:flex-start;gap:14px;background:transparent;border:1px solid transparent;border-radius:12px;width:100%;padding:17px 15px;text-align:left;transition:background .3s,border-color .3s}.film-chapter>span:first-child{font-size:10px;color:#9aabc7;line-height:2}.film-chapter>span:last-child{margin-left:auto;color:#a6b4cc}.film-chapter b{font-family:var(--font);font-size:15px;line-height:1.4;font-weight:600;color:#3c547f;display:block;margin-bottom:5px}.film-chapter small{display:block;color:#8999b0;font-size:12px;line-height:1.6}.film-chapter:hover{background:#f8faff}.film-chapter[aria-pressed=true]{background:#f1f5ff;border-color:#dee7fa}.film-chapter[aria-pressed=true] b{color:#355bbb}.film-chapter[aria-pressed=true]>span:last-child{color:#5279d4}.film-hint{font-size:10px;color:#8a9bb7;line-height:1.6;padding:0 16px;margin:3px 0 0}.command-chain{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;padding:25px 0;border-top:1px solid #e5eaf4;border-bottom:1px solid #e5eaf4;gap:20px}.command-chain>div{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;position:relative}.command-chain>div:after{content:'';position:absolute;height:2px;width:35px;bottom:-26px;left:0;background:#85a1ed;animation:chainSignal 8s ease-in-out infinite;animation-delay:calc(var(--stage)*2s)}.command-chain b{font-size:13px;font-weight:500;color:#405a88}.command-chain small{font-size:10px;color:#8c9db6;grid-column:2}.chain-icon{grid-row:span 2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;gap:3px;color:#809cdf;position:relative}.chain-listen i{width:3px;height:11px;background:#8ba6e8;border-radius:2px;animation:vxAudio 2.5s ease-in-out infinite}.chain-listen i:nth-child(2n){height:21px;animation-delay:-.5s}.chain-listen i:nth-child(3){height:30px;animation-delay:-1s}.chain-see{border:1px solid #aac0ec;border-radius:10px;scale:.8}.chain-see i{width:12px;height:12px;border:1px solid #7b9be1;border-radius:50%;animation:identityPulse 4s ease-in-out infinite}.chain-think i{position:absolute;width:28px;height:28px;border:1px solid #9fb5e7;border-radius:50%;transform:rotateX(55deg);animation:brandOrbit 15s linear infinite}.chain-think i:nth-child(2){transform:rotateY(55deg);animation-direction:reverse}.chain-think i:nth-child(3){width:5px;height:5px;background:#89a4e5}.chain-act{border:1px solid #a7c7bb;border-radius:50%;scale:.75;color:#80a995;font-size:22px}.command-story>.vx-section-composition{display:none}.command-story .section-signal{opacity:.3}.hero-copy h1{font-size:clamp(3rem,5.1vw,5.2rem)}.page-company .enhanced-banner h1{font-size:clamp(2.7rem,4.1vw,4.4rem)}.page-contact .contact-intro h1{font-size:clamp(3rem,4.8vw,4.6rem)}
@keyframes identityPulse{0%,100%{opacity:.35;box-shadow:0 0 0 0 #9bb6f200}40%{opacity:1;box-shadow:0 0 0 5px #9bb6f222}}@keyframes identityPacket{0%{top:110%;opacity:0}20%{opacity:.5}80%{opacity:.5}100%{top:-10%;opacity:0}}@keyframes chainSignal{0%,100%{opacity:.1;scale:.5 1}35%{opacity:.9;scale:1 1}}
@media(max-width:1100px){.story-cinema{gap:18px;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr)}.film-chapter{padding:12px 10px;gap:10px}.film-chapter b{font-size:13px}.film-chapter small{font-size:11px}.story-heading{gap:35px}.command-chain{gap:12px}.command-chain>div{column-gap:8px}.command-chain small{font-size:9px}}
@media(max-width:767px){.command-story{padding-top:45px;padding-bottom:50px}.story-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.story-heading h2{font-size:2.5rem}.story-heading p{font-size:15px}.story-cinema{grid-template-columns:1fr;gap:17px}.story-film{border-radius:12px}.story-film figcaption{padding:11px 12px;font-size:6px;letter-spacing:.02em}.film-chapters{gap:5px}.film-chapter{padding:12px}.film-chapter b{font-size:14px}.film-chapter small{font-size:12px}.command-chain{grid-template-columns:1fr 1fr;row-gap:27px;margin-top:25px}.command-chain>div:after{bottom:-8px}.command-chain small{font-size:9px}.identity-trail{gap:12px;font-size:9px;margin:19px 0 23px}.hero-copy h1{font-size:clamp(3rem,10vw,4.2rem)}.page-company .enhanced-banner h1,.page-contact .contact-intro h1{font-size:clamp(2.7rem,9.5vw,3.8rem)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Meaningful input visualizations, synchronized with the actual demo state. */
.demo-source>.wave{display:none}.meaning-demo{margin-top:12px;border-top:1px solid #e2e9f8;padding-top:8px}.meaning-art{display:block;width:100%;height:auto;color:#7895d6;overflow:visible}.meaning-demo>.meaning-art{height:132px;max-width:355px;margin:0 auto}.meaning-caption{display:flex;gap:12px;align-items:center;justify-content:center;padding:6px 0 3px;font-size:9px;line-height:1.5;color:#90a0b8}.meaning-caption b{font-size:8px;letter-spacing:.12em;color:#6683ba;font-weight:600}.meaning-person{fill:#dfE8ff;stroke:#9cb5e6}.meaning-person>path{fill:#b5c9f3}.meaning-agent{fill:#f8faff;stroke:#a3b8e6;animation:prismFloat 7s ease-in-out infinite}.meaning-agent>path{stroke:#6f8ed0;stroke-width:3}.meaning-waves rect{fill:#84a2e7;stroke:none;transform-box:fill-box;transform-origin:center;animation:vxAudio 2.3s ease-in-out infinite;animation-delay:calc(var(--i)*-.2s)}.meaning-flow{stroke:#9aafe0;stroke-dasharray:3 5;animation:vxDataFlow 12s linear infinite}.meaning-camera>rect:first-of-type{fill:#edf3ff;stroke:#b0c3e9}.meaning-camera>path:first-child{stroke:#6d92dc;stroke-width:2}.meaning-scan{stroke:#587fdb;stroke-width:2;animation:meaningScan 4s ease-in-out infinite}.meaning-recognition{fill:#edf7f2;stroke:#8ab9a4;animation:meaningRecognize 4s ease-in-out infinite}.meaning-paper,.meaning-review{fill:#f9fbff;stroke:#a9bfe9}.meaning-fields{fill:#eef4ff;stroke:#a3bae7}.meaning-fields>path{stroke:#7996d1}.meaning-context{fill:#f0f5ff;stroke:#b0c4eb}.meaning-context>path{stroke:#8da9dc}.meaning-thinker>circle{fill:#e6eeff;stroke:#99b4eb;stroke-dasharray:3 4;transform-origin:167px 74px;animation:brandOrbit 20s linear infinite}.meaning-thinker>path{fill:#c6d7fa;stroke:#7898d8;animation:meaningRecognize 4s ease-in-out infinite}.meaning-confirm{fill:#edf7f2;stroke:#82b39d}.meaning-confirm>path{stroke-width:3;stroke-dasharray:65;animation:meaningCheck 5s ease-in-out infinite}.meaning-result{stroke:#8faccc;animation:meaningRecognize 5s ease-in-out infinite}.meaning-composition{height:85px;gap:7px;width:190px;flex-direction:column;margin-top:26px;opacity:.8}.meaning-composition>.meaning-art{width:155px;height:65px}.meaning-section-label{font-size:7px;line-height:1;letter-spacing:.18em;color:#93a6c9}.meaning-feature{width:135px;height:65px;margin:0 0 22px -8px}.meaning-feature .meaning-art{height:65px;stroke-width:2}.meaning-feature .meaning-art>g{transform:none}.meaning-row-marker{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.meaning-row-marker .meaning-art{width:100px;height:60px;max-width:100%;stroke-width:2}.dark-section .meaning-art,.custom-band .meaning-art{color:#99b4ed}.dark-section .meaning-composition,.custom-band .meaning-composition{opacity:.7}.demo[data-phase=understand] .demo-connector span{background:linear-gradient(90deg,#e3eafb,#8facdf,#e3eafb);background-size:200%;animation:signalRun 3s linear infinite}.demo[data-phase=act] .meaning-demo{border-color:#d8e9df}.demo[data-phase=act] .meaning-caption b{color:#76a18c}@keyframes meaningScan{0%,100%{translate:0 -25px;opacity:.3}50%{translate:0 25px;opacity:1}}@keyframes meaningRecognize{0%,100%{opacity:.45}50%{opacity:1}}@keyframes meaningCheck{0%{stroke-dashoffset:65;opacity:.3}40%,100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:767px){.meaning-demo>.meaning-art{height:112px}.meaning-caption{font-size:8px;gap:8px}.meaning-caption b{font-size:7px}.meaning-feature{width:120px;height:58px;margin-bottom:16px}.meaning-composition{height:70px;margin-top:20px}.meaning-row-marker{flex-direction:row;align-items:center;gap:20px}.meaning-row-marker .meaning-art{width:100px;height:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.meaning-confirm>path{stroke-dashoffset:0}}
/* Five capabilities, one human-guided agent workflow. */
.command-chain{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.command-chain>div{grid-template-columns:30px 1fr;column-gap:9px}.command-chain small{line-height:1.5}.chain-capture{font-size:30px;color:#809fdf;animation:identityPulse 5s ease-in-out infinite}.identity-trail{gap:12px}.page-company .enhanced-banner h1{font-size:clamp(2.7rem,4vw,4.2rem)}
@media(max-width:1100px){.command-chain{gap:12px}.command-chain>div{grid-template-columns:1fr;gap:6px}.command-chain small{grid-column:1}.command-chain .chain-icon{grid-row:auto}}
@media(max-width:767px){.command-chain{grid-template-columns:1fr 1fr;gap:25px 14px}.command-chain>div{grid-template-columns:30px 1fr;column-gap:9px}.command-chain small{grid-column:2}.command-chain .chain-icon{grid-row:span 2}.identity-trail{gap:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Conversational intelligence: a practical, explicitly illustrative business example. */
.dialogue-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.dialogue-intro>p{max-width:460px}.dialogue-intro .eyebrow{display:block;margin-bottom:20px}.dialogue-points{list-style:none;margin:30px 0 0;padding:0}.dialogue-points li{display:flex;gap:18px;margin-bottom:23px}.dialogue-points li>span{color:#9cb0d5;font-size:11px;line-height:2}.dialogue-points b{font-size:15px;font-weight:500;color:#38547b}.dialogue-points p{font-size:13px;margin:5px 0 0;max-width:390px;line-height:1.65}.dialogue-console{padding:30px;border:1px solid #dfe7f5;border-radius:20px;background:linear-gradient(145deg,#f9fbff,#fff);box-shadow:0 20px 65px #24417309}.dialogue-top{display:flex;align-items:center;gap:12px;margin-bottom:22px}.dialogue-top b{display:block;font-size:9px;letter-spacing:.1em;color:#536e99;font-weight:500}.dialogue-top small{display:block;font-size:10px;color:#96a5bc;margin-top:4px}.dialogue-face{display:flex;align-items:center;justify-content:center;gap:7px;width:43px;height:43px;border:1px solid #cbd9f6;border-radius:15px;background:#eaf0ff;animation:prismFloat 7s ease-in-out infinite}.dialogue-face i{width:4px;height:9px;background:#6d8ad1;border-radius:3px;animation:vxBlink 7s ease-in-out infinite}.dialogue-modes{display:flex;gap:6px;padding:4px;background:#eef3fb;border-radius:9px;margin-bottom:23px}.dialogue-modes button{flex:1;border:0;background:none;padding:9px 5px;color:#8a9bb5;font-size:11px;border-radius:6px}.dialogue-modes [aria-pressed=true]{background:white;color:#486cae;box-shadow:0 3px 10px #1739670c}.dialogue-question{font-size:18px;font-family:var(--font);line-height:1.5;color:#415d8c;letter-spacing:-.025em;min-height:55px;margin-bottom:19px}.calculation-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px}.calculation-fields label{font-size:10px;color:#8094b2}.calculation-fields input{display:block;width:100%;background:#fff;border:1px solid #dce5f4;border-radius:7px;padding:9px 11px;margin-top:5px;font-size:14px;color:#496087}.dialogue-calculate{width:100%;font-size:12px;justify-content:space-between}.dialogue-reply{margin-top:23px;background:#eef4ff;border-left:2px solid #8ba7e6;border-radius:0 10px 10px 0;padding:17px}.dialogue-reply>.eyebrow{font-size:8px;display:block;margin-bottom:10px;color:#7592c1}.dialogue-reply p{font-size:15px;line-height:1.7;color:#3d5b89;margin:0 0 10px}.dialogue-reply small{font-size:10px;line-height:1.6;display:block;color:#8299b9}.dialogue-speak{border:0;background:none;margin-top:17px;font-size:12px;color:#4c72b6}.dialogue-speak:disabled{opacity:.5;cursor:default}.dialogue-speak[hidden]{display:none}.dialogue-disclosure{font-size:9px;line-height:1.6;color:#8fa0b9;margin:18px 0 0}.dialogue-section>.vx-section-composition,.dialogue-section>.section-signal{display:none}
@media(max-width:1100px){.dialogue-section{gap:35px}.dialogue-console{padding:24px}.dialogue-intro h2{font-size:3rem}}
@media(max-width:767px){.dialogue-section{grid-template-columns:1fr;gap:25px}.dialogue-console{padding:21px}.dialogue-intro h2{font-size:2.6rem}.dialogue-intro>p{font-size:15px}.dialogue-points{margin-top:22px}.dialogue-points li{margin-bottom:17px}.dialogue-question{font-size:17px}.dialogue-reply p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}